body {
  background: #f4f5fa;
  margin-bottom: 0.2666666667rem;
}
.container {
  width: 10rem;
  overflow: hidden;
}
/*头部*/
.title {
  background: #fff;
  overflow: hidden;
  height: 6.4rem;
}
.instor {
  height: 6rem;
}
.title-banner > img{
  width: 100%;
  height: 5.68rem;
  z-index: -100;
}
.title-person {
  padding: 0 0.4rem 0 0.4rem;
  position: relative;
  top: -3.1rem;
}
.title-person > .per-img  , .title-person > .per-name , .title-person > .per-btn ,.title-person > .per-btn > a{
  display: inline-block;
}
.title-person > .per-img > img {
  width: 1.866666667rem;
  height: 1.866666667rem;
  border-radius: 0.86666666667rem;
  overflow: hidden;
  border: 0.06666666667rem solid #ffffff;
}
.per-name {
  color: #000000;
  font-size: 0.4533333333rem;
  position: relative;
  top: -0.36rem;
}
.per-btn {
  font-size: 0.333333333rem;
  float: right;
  position: relative;
  top: 0.88rem;
}
.per-btn > a{
  margin-left: 0.13333333rem;
  width: 2.2rem;
  height: 0.6rem;
  border: 0.0133333333rem solid #dc3838;
  border-radius: 0.053333333rem;
  text-align: center;
  line-height: 0.64rem;
  font-size: 0.34666666667rem;
}
.per-chat {
  color: #dc3838;
}
/*师徒个数*/
.title-have {
  padding: 0.32rem 0.413333333rem;
  height: 1rem;
}
.title-have > a{
  display: inline-block;
  font-size: 0.37333333333rem;
  color: #333333;
  position: relative;
  top: -3.9rem;
}
 .title-have > .apprentice{
  display: inline-block;
  font-size: 0.373333333rem;
  color: #333333;
}
.title-have > a > span {
  font-family: "Din Pro Bold";
  color: #dc3838 !important;
  margin-left: 0.1333333333rem;
  padding-right: 0.266666667rem;  
}
.master > span {
  border-right: 0.013333333rem solid #666666;
}
/*投资年限、踩雷、平台*/
.title-ex {
  padding: 0.32rem 0.413333333rem;
  height: 1rem;
}
.title-ex > p {
  display: inline-block;
  font-size: 0.373333333rem;
  color: #666666;
  position: relative;
  top: -4.4rem;
}
.title-ex > p > span {
  margin-left: 0.1333333333rem;
  padding-right: 0.266666667rem;  
  color: #333333 !important;
}
.year , .boom {
  border-right: 0.013333333rem solid #666666;
}
/*金币*/
.title-money {
  padding: 0.32rem 0.413333333rem;
  height: 1rem;
}
.instor > .title-money {
  
}
.title-money  > p {
  display: inline-block;
  font-size: 0.37333333333rem;
  color: #666666;
  position: relative;
  top: -4.26rem;
}
.title-money  > a {
  display: inline-block;
  font-size: 0.37333333333rem;
  color: #333333;
  position: relative;
  top: -4.26rem;
}
.title-money  > p > span {
  margin-left: 0.1333333333rem;
  padding-right: 0.37333333333rem;  
  color: #dc3838 !important;
  font-family: "Din Pro Bold";
}
.have{
  border-right: 0.013333333rem solid #666666;
}
/*个人简介*/
.intro {
  width: 10rem;
  background: #fff;
  padding: 0.2333333333rem 0.81333333333rem 0.53333333333rem 0.4266666667rem ;
  font-size: 0.4rem;
  color: #666666;
}
.intro > p {
  line-height: 0.4rem;
}
/*投资中心、投顾账户*/
.my-tou {
  margin: 0.26666667rem 0;
  background: #fff;
  width: 100%;
  height: 1.28rem;
}
.my-tou > ul > li {
  display: inline-block;
  float: left;
  padding: 0 0.4rem;
  margin: 0.34666666667rem 0;
  height: 0.58rem;
  width: 50%;
}
.my-instor>li {
  width: 100% !important;
  border: none !important;
}
.my-tou > ul > li:first-child {
  border-right: 0.013333333rem solid #e5e5e5;
}
.my-tou > ul > li > a{
  display: inline-block;
  height: 1.28rem;
  width: 100%;
  position: relative;
  top: -0.35rem;
}
.my-tou > ul > li > a > img , .my-tou > ul > li > a > h4{
  display: inline-block;
}
.my-tou > ul > li > a > .icon_tou {
  width: 0.5866666667rem;
  height: 0.58666666667rem;
  position: relative;
  top: 0.06rem;
} 
.my-tou > ul > li > a > h4 {
  font-size: 0.3466666667rem;
  color: #182931;
  position: relative;
  top: -0.08rem;
}
.my-tou > ul > li > a > .icon_next {
  width: 0.2133333333rem;
  height: 0.3333333333rem;
  float: right;
  position: relative;
  top: 0.48rem;
}

/*主要内容*/
.content {
  width: 100%;
  background: #fff;
}
/*tab*/
.tab {
  width: 100%;
  border-bottom: 0.013333333rem solid #e5e5e5;
  height: 1.173333333rem;
}
.tab > ul {
  text-align: center;
  height: 1.173333333rem;
}
.tab > ul > li {
  display: inline-block;
  width: 16.666666666667%;
  height: 1.173333333rem;
  float: left;
}
.instro-tab > ul > li {
  width: 33.33333%;
}
.tab > ul > li > div > h4 {
  line-height: 1.1rem;
  font-size: 0.4rem;
  color: #999999;
}
.tab > ul > li > div > span {
  width: 0.48rem;
  height: 0.48rem;
  padding: 0.08rem;
  border-radius: 0.24rem;
  color: #fff;
  font-size: 0.32rem;
  text-align: center;
  display: inline-block;
  float: right;
  position: relative;
  top: -1.1rem;
  background: #F12C20;
}
.chat {
  top: -1rem !important;
}
.tab-active {
  border-bottom: 0.0666666667rem solid #dc3838 !important;
}
/*与我相关*/
.chat-con , .viewport ,.my-platform{
  display: none;
}
.my-con > .my-title {
  width: 100%;
  padding-right: 0.4rem;
  height: 1.33333333rem;
  border-bottom: 0.013333333rem solid #e5e5e5;
}
.my-title > h4 {
  font-size: 0.4266666667rem;
  color: #333333;
  padding-left: 0.3066666667rem;
  position: relative;
  top: 0.45333333333rem;
  border-left: 0.106666666667rem solid #dc3838;
}
.more {
  float: right;
  height: 1.08rem;
  padding: 0.5rem;
  position: relative;
  top: -0.28rem;
  left: 0.4rem;
  margin: 0.42rem 0 0.42 0.42rem;
}
/*弹窗筛选*/
.navigation {
  width: 3.25333333333rem;
  height: 4.5733333333rem;
  background: url('../images/tip.png') 0 0 no-repeat;
  background-size: contain;
  float: right; 
  position: absolute;
  right: 0.3rem;
  z-index: 1000;
  display: none;
}
.navigation > ul {
  padding: 0.22rem 0.24rem 0 0.24rem;
}
.navigation > ul > li {
  height: 1.0666666667rem;
  width: 100%;
  padding: 0 0.24rem;
  border-bottom: 0.013333333rem solid #e5e5e5;
  text-align: center;
}
.navigation > ul > li > a {
  height: 1.0666666667rem;
  width: 100%;
  text-align: center;
}
.navigation > ul > li > a > p {
  line-height: 1.066666666667rem;
  font-size: 0.4rem;
}
/*平台发表评论*/
.my-active {
  position: relative;
}
.comment  , .comment-notip , .attention , .reback{
  padding: 0.4rem;
  border-bottom: 0.01333333rem solid #e5e5e5;
}
.reback-detail{
  padding: 0.4rem;
}
.dy-left {
  float: left;
  width: 1.04rem;
  margin-right: 0.413333333rem;
}
.dy-left > img {
  width: 1.066666667rem;
  height: 1.066666666667rem;
  border-radius: 0.1066666666667rem;
}
.dy-right {
  float: left;
  width: 7.7466666667rem;
}
.dy-who {
  font-size: 0.373333333rem;
  color: #333333;
  margin-bottom: 0.22rem;
}
.dy-who > p > span {
  font-size: 0.373333333rem;
  padding-left: 0.32rem;
  color: #666666;
}
.dy-where {
  font-size: 0.37333333333rem;
}
.dy-where > p {
  color: #999999;
}
.dy-where > p > a {
  color: #0084FF;
}
.dy-original {
  width: 7.7466666667rem;
  padding: 0.426666667rem 0.3866666667rem 0.4266666667rem 0.306666667rem;
  background: #F4F5FA ;
  float: left;
  border-radius: 0.10666666667rem;
  margin-top: 0.36rem;
}
.header-bottom , .header-bottom > ul {
  float: left;
  height: 0.506666667rem;
}
.header-bottom > ul > li {
  display: inline-block;
  height: 0.506666667rem;
  margin-right: 0.2133333333rem;
}
.header-bottom > ul > li > span {
  display: inline-block;
  height: 0.506666667rem;
  font-size: 0.306666667rem;
  text-align: center;
  background: #fff5f5;
  border: 0.01333333rem solid #dc3838;
  border-radius: 0.0533333333rem;
  color: #dc3838;
  padding: 0.106666667rem 0.13333333rem 0.09333333rem 0.106666667rem;
  position: relative;
  top: -0.32rem
} 
.dy-con {
  width: 7.066666667rem;
  font-size: 0.373333333rem;
  position: relative;
  line-height: 0.5rem;
  float: left;
  color: #333333;
  margin-top: 0.32rem;
}
.dy-con > a {
  color: #333333;
}
.item-time {
  float: left;
  font-size: 0.32rem;
  color: #999999;
  position: relative;
  top: 0.52rem;
  height: 0.8rem;
}
.attention-time {
  float: left;
  font-size: 0.32rem;
  color: #999999;
}
.item-left {
  height: 1rem;
  text-align: center;
  float: right;
  position: relative;
  top: 0.32rem;
  display: inline-block;
  width: 45%;
}
.item-left > .item-good > img {
  width: 0.346666667rem;
  height: 0.37333333rem;
  margin-right: 0.1rem;
  margin-top: 0.1rem;
}
.item-left > .item-good {
  display: inline-block;
  width: 1.6rem;
  height: 0.64rem;
  font-size: 0.32rem;
  color: #dc3838;
  background: #fff5f5;
  border: 0.02rem solid #dc3838;
  border-radius: 0.32rem;
  overflow: hidden;
  float: left;
}
.item-left > .item-good > span {
  display: inline-block;
  position: relative;
  top:-0.07rem;
} 
.item-left > .item-no > span {
  display: inline-block;
  position: relative;
  top:-0.07rem;
} 
.item-left > .item-com > span {
  display: inline-block;
  position: relative;
  top:-0.07rem;
} 
.item-top > span , .item-write > span{
  display: inline-block;
  position: relative;
  top: 0.12rem;
} 
.item-left > .item-com > img {
  width: 0.346666667rem;
  height: 0.37333333rem;
  margin-right: 0.1rem;
  margin-top: 0.1rem;
}
.item-left > .item-com , .item-top {
  display: inline-block;
  width: 1.6rem;
  height: 0.64rem;
  font-size: 0.32rem;
  color: #999999;
  background: #ffffff;
  border: 0.02rem solid #999999;
  border-radius: 0.32rem;
  overflow: hidden;
  float: right;
}
.item-write {
  display: inline-block;
  width: 1.6rem;
  height: 0.64rem;
  font-size: 0.32rem;
  color: #999999;
  background: #ffffff;
  border: 0.02rem solid #999999;
  border-radius: 0.32rem;
  overflow: hidden;
  float: right;
}
.item-left > .item-no > img {
  width: 0.346666667rem;
  height: 0.37333333rem;
  margin-right: 0.1rem;
  margin-top: 0.1rem;
}
.item-left > .item-no {
  display: inline-block;
  width: 1.6rem;
  height: 0.64rem;
  font-size: 0.32rem;
  color: #999999;
  background: #ffffff;
  border: 0.02rem solid #999999;
  border-radius: 0.32rem;
  overflow: hidden;
  float: left;
}
.reback  {
  top: -0.25rem !important;
}
/*聊天*/
.chat-on {
  background: #fff;
}
.search {
background: #fff ;
font-size: 0;
width: 10rem;
border-bottom: 0.02rem solid #e5e5e5;
}
.search-inp {
  width: 9.1rem;
  height: 0.733333333rem;
  background: #EFEFF4;
  margin: 0.213333333rem 0.4133333333rem;
  padding: 0.213333333rem;
  color: #333333;
  border-radius: 0.10333333333rem;
  border: none !important;
  font-size: 0.3466666667rem;
  display: inline-block;
}
.search-inp1 {
  width: 8rem;
  height: 0.733333333rem;
  background: #EFEFF4;
  margin: 0.213333333rem 0.4133333333rem;
  padding: 0.213333333rem;
  color: #333333;
  border-radius: 0.10333333333rem;
  border: none !important;
  font-size: 0.3466666667rem;
  display: inline-block;
  display: none;
}
.placehold {
position: relative;
top: -0.76rem;
left: 4.2rem;
width: 1.3rem;
}
.placehold > img , .placehold > p {
  display: inline-block;
}
.placehold > img {
  width: 0.33333333334rem;
  height: 0.333333333334rem;
  margin-right: 0.24rem;
  position: relative;
  top: 0.042rem;
}
.placehold > p {
  font-size: 0.3466666666667rem;
  color: #b2b2b2;
}
#form{
  display: inline-block !important;
  height: 1.26rem;
  overflow: hidden;
}
.search > span {
  color: #B2B2B2;
  display: inline-block;
  height: 0.733333333rem;
  line-height: 0.733333333rem;
  font-size: 0.34666666667rem;
  float: right;
  position: relative;
  top: 0.24rem;
  right: 0.4rem;
  display: none;
}
.chat-list > ul {
  width: 10rem;
  overflow: hidden;
}
.chat-list > ul >li {
  height: 1.76rem;
  position: relative;
}
.chat-list > ul >li > .chat-item {
  height: 1.46rem;
  width: 10rem;
  padding: 0.2666666667rem;
  display: inline-block;
}
.chat-left {
  width: 1.466666666667rem;
  display: inline-block;
}
.chat-icon {
  display: inline-block; 
}
.chat-icon > img {
  width: 1.226666666667rem;
  height: 1.226666666667rem;
  border-radius: 0.13333333rem;
}
.chat-tip {
  width: 0.48rem;
  height: 0.48rem;
  padding: 0.08rem;
  border-radius: 0.24rem;
  color: #fff;
  font-size: 0.32rem;
  text-align: center;
  display: inline-block;
  float: right;
  position: relative;
  top: -1.5rem;
  background: #F12C20;
}
.chat-right {
  display: inline-block;
  width: 7.32rem;
  padding-bottom: 0.214rem;
  border-bottom: 0.01333333rem solid #e5e5e5;
}
.chat-right > h4 {
  font-size: 0.45333333rem;
  color: #000000;
  padding-bottom: 0.12rem;
  position: relative;
  top: -0.24rem;
}
.chat-right > p {
  font-size: 0.34666666666rem;
  color: #999999;
  position: relative;
  top: -0.12rem;
}
.delete {
  display: inline-block;
  position: relative;
  right: -10rem;
  top: -1.666667rem;
  height: 1.73rem;
  width: 2rem;
  font-size:0.4rem;
  line-height: 1.76rem;
  text-align:center;
  background:#dc3838;
  color:#fff;
}
.delete-sure{
  display: inline-block;
  position: relative;
  right: -10rem;
  top: -1.666667rem;
  height: 1.73rem;
  width: 2rem;
  font-size:0.4rem;
  line-height: 1.76rem;
  display: none;
  text-align:center;
  background:#dc3838;
  color:#fff;
}
/*观点*/
.dynamic-con > ul > li {
  padding: 0.4rem;
  border-bottom: 0.01333333rem solid #e5e5e5;
}
.dynamic-con > ul > li > .dy-left {
  float: left;
  width: 1.04rem;
  margin-right: 0.413333333rem;
}
.dynamic-con > ul > li > .dy-left > .data {
  font-size: 0.5333333333rem;
  margin-left: 0.1333333rem;
  margin-bottom: 0.18rem;
}
.dynamic-con > ul > li > .dy-left > .month {
  font-size: 0.2933333333rem;
  margin-left: 0.12rem;
}
.dy-btn {
  float: right;
}
.dy-btn> p {
  margin-left: 0.4266666667rem;
}
/*推荐投*/
.btn-sug {
  background: url('../images/sugBtn.png') 0 0 no-repeat;
  background-size: cover;
  width: 1.75rem;
  height: 0.84rem;
  float: right;
}
/*放心投*/
.btn-set {
  background: url('../images/heartBtn.png') 0 0 no-repeat;
  background-size: cover;
  width: 1.75rem;
  height: 0.84rem;
  float: right;
}
/*谨慎投*/
.btn-pru {
  background: url('../images/careBtn.png') 0 0 no-repeat;
  background-size: cover;
  width: 1.75rem;
  height: 0.84rem;
  float: right;
}
/*不要投*/
.btn-no {
  background: url('../images/noBtn.png') 0 0 no-repeat;
  background-size: cover;
  width: 1.75rem;
  height: 0.84rem;
  float: right;
}

/*推荐*/
.my-platform > .my-platform-content {
  width: 100%; }
  .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item {
    padding-top: 0.2666666667rem;
    width: 100%;
    background-color: #f4f5fa; }
    .my-platform > .my-platform-content > .my-platform-wrapper > li:first-child{
      padding-top: 0 !important;
    }
    .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper {
      position: relative;
      max-height: 5.333333333rem;
      background-color: #fff;
      overflow: hidden; }
      .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        border-top: 1px solid #e5e5e5; }
      @media (-webkit-min-device-pixel-ratio: 1), (min-device-pixel-ratio: 1) {
        .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper:after {
          -webkit-transform: scaleY(1);
          transform: scaleY(1); } }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
        .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper:after {
          -webkit-transform: scaleY(0.7);
          transform: scaleY(0.7); } }
      @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
        .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper:after {
          -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5); } }
      .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item {
        height: 5.333333333rem;
        position: relative; }
        .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item:after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          border-top: 1px solid #e5e5e5; }
        @media (-webkit-min-device-pixel-ratio: 1), (min-device-pixel-ratio: 1) {
          .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item:after {
            -webkit-transform: scaleY(1);
            transform: scaleY(1); } }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
          .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item:after {
            -webkit-transform: scaleY(0.7);
            transform: scaleY(0.7); } }
        @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
          .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item:after {
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5); } }
        .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-header {
          display: flex;
          width: 100%;
          height: 0.933333333rem;
          font-size: 0;
          padding-top: 0.42rem;
          }
          .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-header > .plat-logo-wrapper {
            position: relative;
            flex: 1;
            text-align: center; }
            .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-header > .plat-logo-wrapper > img {
              position: absolute;
              top: 50%;
              left: 35%;
              width: 2.53333333rem;
              transform: translateX(-50%) translateY(-50%); }
          .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-header > .plat-return-type-wrapper {
            position: relative;
            flex: 1; }
            .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-header > .plat-return-type-wrapper > p {
              position: absolute;
              top: 50%;
              left: -35%;
              transform: translateY(-40%);
              padding: 0.0666666667rem 0.2666666667rem;
              font-size: 0.3733333333rem;
              color: #dc3838;
              background: #fff5f5;
              border: 0.0133333333rem solid #dc3838;
              border-radius: 0.29rem; }
          .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-header > .spread-btn-wrapper {
            position: relative;
            flex: 1; }
            .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-title > .spread-btn-wrapper > .spread-btn {
              width: 2.6rem;
              height: 0.8rem;
              line-height: 0.7466666667rem;
              text-align: center;
              border: 0.0266666667rem solid #dc3838;
              border-radius: 0.08rem;
              font-size: 0.3466666667rem;
              color: #dc3838;
              margin-left: 4.5rem;
              padding : 0 0.12rem;}
        .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-content {
          width: 100%;
          height: 3.04rem;
          font-size: 0; }
          .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-content > .item-content-wrapper {
            margin: 0.2666666667rem 0;
            display: flex; }
            .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-content > .item-content-wrapper > li {
              flex: 1;
              border-right: 0.0266666667rem solid #e5e5e5; }
              .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-content > .item-content-wrapper > li > p {
                text-align: center;
                font-size: 0.32rem;
                color: #333333; }
                .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-content > .item-content-wrapper > li > p > em {
                  font-style: normal;
                  font-size: 0.4266666667rem; }
                .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-content > .item-content-wrapper > li > p.item-desc {
                  line-height: 0.64rem;
                  color: #999999; }
              .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-content > .item-content-wrapper > li:last-child {
                border-right: none; text-align: center; }
                .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-content > .item-content-wrapper > li:last-child > p {
                  line-height: 0.4266666667rem; }
                  .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .platform-wrapper > .platform-item > .item-content > .item-content-wrapper > li:last-child > p.item-desc {
                    line-height: 0.64rem;
                    color: #999999; }
    .my-platform > .my-platform-content > .my-platform-wrapper > .my-platform-item > .more-btn {
      width: 100%;
      height: 1.04rem;
      line-height: 1.04rem;
      background-color: #fff;
      text-align: center;
      font-size: 0.32rem;
      color: #999999; }
.my-plat-title {
  background: #f4f5fa;
  padding: 0.32rem;
}
.my-plat-title > p {
  font-size: 0.426666666667rem;
  color: #333333;
}
.my-plat-title > p > span {
  margin-left: 0.16rem;
  color: #999999;
  font-size: 0.13333333334rem;
}
.item-title {
  padding : 0 0.346666666667rem;
}
.item-title > .item-num , .item-title > .spread-btn-wrapper{
  display: inline-block;
}
.item-title > .item-num > h4 {
  font-size: 0.3466666667rem;
  color: #333333;
  padding-left: 0.2rem;
  border-left: 0.10333333333rem solid #dc3838;
}
.item-content-wrapper > li > a > img {
  width: 2rem;
  transform: translateY(50%);
}
.ui-loader{
  display: none;
}
/*没有数据敬请期待*/
.no-item-wrapper {
  width: 100%;
  text-align: center;
  margin-bottom: 0.24rem;
  padding:  0.42rem 0;
  display: none;
}
.no-item > img{
  width: 2.64rem;
  height: 2.3333333333rem;
}
.no-item > p {
  font-size: 0.32rem;
  color: #999999;
}
/*加载线*/
.loading {
 padding: 0 0.4rem;
  text-align: center;
  width: 100%;
  background: #FFFFFF;
}
.loading > span {  
  display: inline-block;
  width: 40%;
  border-top: 0.02rem solid #999999;
  position: relative;
  top :0.59rem;
}
.loading > .loading-left{
  float: left;
}
.loading > .loading-right{

  float: right;
}
.loading > p {
  font-size: 0.326666667rem;
  color: #999999;
  display: inline-block;
  line-height: 0.85rem;
  position: relative;
  top: -0.15rem;
}
.base-line {
  padding: 0 0.4rem;
  text-align: center;
  width: 100%;
  display: none;
  background: #FFFFFF;
}
.base-line > span {  
  display: inline-block;
  width: 35%;
  border-top: 0.02rem solid #999999;
  position: relative;
  top :0.59rem;
}
.base-line > .base-left{
  float: left;
}
.base-line > .base-right{
  float: right;
}
.base-line > p {
  font-size: 0.326666667rem;
  color: #999999;
  display: inline-block;
  line-height: 0.85rem;
  position: relative;
  top: -0.15rem;
}
